<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Logvan</title>
<link rel="shortcut icon" href="/escolares/html/images/icon/van.png">
<link href="/escolares/html/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<link href="/escolares/html/css/DT_bootstrap.css" rel="stylesheet"
	type="text/css">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/escolares/html/js/bootstrap.js"></script>
<script src="/escolares/html/js/jquery.dataTables.js"></script>
<script src="/escolares/html/js/DT_bootstrap.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$('#submitColegio').click(function() {
			if ($("#tNombre").val() == "") {
				alert("Debe Ingresar el Nombre del Colegio");
				$('#tNombre').focus();
				return false;
			}
			if ($("#tDireccion").val() == "") {
				alert("Debe Ingresar la Direccion del Colegio");
				$('#tDireccion').focus();
				return false;
			}
		});
	});
</script>
</head>
<body>
	<div class="container">
		<%@include file="../../_common/nav-var.jsp"%>
		<s:if test="okMessage=='Operacion realizada exitosamente.'">
				<div class="alert alert-success">
					<s:property value="okMessage" />
				</div>
			</s:if>
		<s:if test="okMessage=='Colegio Agregado Exitosamente.'">
			<div class="alert alert-success">
				<s:property value="okMessage" />
			</div>
		</s:if>
		<s:if test="errorMessage=='Se ha producido un error inesperado.'">
				<div class="alert alert-error">
					<s:property value="errorMessage" />
				</div>
			</s:if>
		<div class="well">
			<h4 style="color: #DA4F49;">Agregar Colegios</h4>
			<s:form action="addColegio" method="post" theme="simple"
				cssClass="form-personal-bussiness">
				<%-- 				<s:hidden name="colegio.colegioId" value="%{colegio.colegioId}"></s:hidden> --%>
				<%-- 				<s:hidden name="colegio.activo" value="%{colegio.activo}"></s:hidden> --%>
				<s:hidden name="usuario.usuarioId" value="%{usuario.usuarioId}"></s:hidden>
				<s:textfield name="colegio.nombre" value="%{colegio.nombre}"
					id="tNombre" key="label.nombre" size="10" cssClass="form-control"
					placeholder="Nombre del colegio" />
				<s:textfield name="colegio.direccion" value="%{colegio.direccion}"
					id="tDireccion" key="label.direccion" size="10"
					cssClass="form-control" placeholder="Direccion del colegio" />
				<s:submit cssClass="btn btn-lg btn-primary" id="submitColegio"
					value="Nuevo"></s:submit>
			</s:form>

			<h4 style="color: #DA4F49;">Listado De Colegios</h4>
			<table cellpadding="0" cellspacing="0" border="0"
				class="table table-striped table-bordered" id="example">
				<thead>
					<tr>
						<th>Identificador</th>
						<th>Nombre</th>
						<th>Direccion</th>
						<th>Acciones</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="colegios" var="colegio">
						<tr>
							<td><s:property value="colegioId" /></td>
							<td><s:property value="nombre" /></td>
							<td><s:property value="direccion" /></td>

							<s:url id="deleteUrl" action="deleteColegio">
								<s:param name="colegioId" value="%{#colegio.colegioId}" />
								<s:param name="usuarioId" value="%{usuario.usuarioId}" />
							</s:url>
							<s:url id="editUrl" action="editColegio">
								<s:param name="colegioId" value="%{#colegio.colegioId}" />
								<s:param name="usuarioId" value="%{usuario.usuarioId}" />
							</s:url>
							<td><s:form id="%{#colegio.colegioId}"
									cssStyle="margin: 0 0 0 0" role="form" method="post"
									theme="simple" namespace="/" action="deleteColegio.action">
									<s:a href="%{editUrl}" cssClass="btn btn-info"
										onclick="return true;">Modificar</s:a>
									<s:a href="%{deleteUrl}" cssClass="btn btn-danger"
										onclick="return confirm('¿Esta seguro de eliminar este colegio?')">Eliminar</s:a>


								</s:form></td>
						</tr>
					</s:iterator>
				</tbody>
			</table>
			
		</div>
	</div>
</body>
</html>